<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        *{margin: 0;padding: 0}
        html{
            width: 100%;
        }
        p{
            font-size: 14px;
        }
        h1{
            text-align: center;
            margin-top: 40px;
        }
        h2{
            text-align: center;
            margin-top: 20px;
            height: 60px;
            color: #5d5d5d;
        }
        .img{
            width: 400px;
            height: 500px;
            margin: 0 auto;
        }
        .img img{
            width: 90%;
        }
    </style>
</head>

<body>
<h1>看不见的完美硬币 : 细节的负担</h1>
<h2>创新公司皮克斯的启示</h2>
<hr>
<div class="img">
    <img src="img/book.png">
</div>

</body>
</html>